import notification from 'ant-design-vue/es/notification'
import axios from 'axios'
import { ACCESS_TOKEN } from '../store/mutation-types'

// 创建 axios 实例
const request = axios.create({
  // API 请求的默认前缀
  baseURL: import.meta.env.VITE_API_BASE_URL as string | undefined,
  timeout: 6000 // 请求超时时间
})

// 异常拦截处理器
const errorHandler = (error: any) => {
  notification.error({
    message: '异常',
    description: '请求异常'
  })
  return Promise.reject(error)
}

// request interceptor
request.interceptors.request.use(config => {
  const token = localStorage.getItem(ACCESS_TOKEN)
  // 如果 token 存在
  // 让每个请求携带自定义 token 请根据实际情况自行修改
  if (token) {
    config.headers['Access-Token'] = token
  }
  return config
}, errorHandler)

// response interceptor
request.interceptors.response.use(response => {
  return response.data
}, errorHandler)

export default request
